<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="jquery-3.1.0.min.js"></script>
</head>
<body>
    <p id="text">hello world</p>
    <button id="btn">按钮</button>
    <p>
        <input type="text" id="in" value="hello"/>
    </p>
    <p>
        <a href="http://www.baidu.com" id="id"></a>
    </p>
    <script>
        $(document).ready(function(){
            $("#btn").click(function(){
                alert("这是："+$("#text").text())  //直接获取p标签里面的文字
                alert("这是："+$("#text").html())  //若P标签里有别的标签如<a>标签，则a标签也会一起显示
                alert("这是："+$("#in").val())  //val是返回或设置被选元素的值
                alert("这是："+$("#id").attr("href")) //获得元素超链接信息，被选元素的属性和值,id属性也可以这样子获取
            })
        })
    </script>
</body>
</html>